<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			p {
				width: 100px;
				height: 100px;
				border: 2px solid red;
				/*display: none;*/
			}
			.da{
				width: 200px;
			}
			.gao{
				height: 200px;
			}
			.yanse{
				background-color: yellowgreen;
			}
		</style>
		<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
		<script type="text/javascript">
			$(function(){
				$("#btn1").click(function(){
					$("p").addClass("da gao");  //追加类样式,多个样式用空格隔开
					$("p").removeClass("yanse"); //移除类样式
//					$("p").removeClass();  //不写参数，移除所有类样式
				});
			});
		</script>
	</head>

	<body>
		<input type="button" id="btn1" value="点我" />
		<p class="yanse"></p>
	</body>

</html>